<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
        html,
        body {
            height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
            background-color: #333 !important;
        }

        *{-webkit-max-logical-width:100%;margin:0;padding:0;box-sizing:border-box!important;-webkit-box-sizing:border-box!important;word-wrap:break-word!important;}
        p{clear:both;margin:0 0;white-space:normal;}
        img{*zoom:1;max-width:100%;*max-width:96%;height:auto !important;}
        ul{padding-left:30px;}
        blockquote{margin:0;padding-left:10px;border-left:3px solid #DBDBDB;}
        ol,ul,dl{*margin-right:0px;padding:0 0 0 30px;}
        table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd;}
        table{margin-bottom:10px;border-collapse:collapse;display:table;width:100%;margin:0 auto;}
        td,th{word-wrap:break-word;word-break:break-all;padding:5px;border:1px solid #DDD}
        caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center}
        th{border-top:2px solid #BBB;background:#f7f7f7}
        td p{margin:0;padding:0;width:auto;height:auto;}
        hr{border:0px;border-top:1px solid #ccc;}
        pre{white-space:pre-wrap;word-wrap:break-word;}
        
        #preview {
            width: 100%;
            min-height: 100%;
            padding: 0;
            margin: 0;
            -webkit-touch-callout:none;position:absolute;width:100%;margin:0;font-size:16px;overflow-x:hidden;font-family:'微软雅黑','Microsoft YaHei',Arial,sans-serif;background-color:#FFF;line-height:inherit;height:100%;
        }

        
        
        #preview * {
            font-family: sans-serif;
            font-size: 17px;
        }
        
         ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        
         ::-webkit-scrollbar-thumb {
            -webkit-box-shadow: inset 0 0 16px #645654;
        }
        
         ::-webkit-input-placeholder {
            color: #ddd;
        }
    </style>
    <script type="text/javascript" src="../internal.js"></script>
    <script src="../../ueditor.parse.js"></script>
    <title></title>
</head>

<body class="view">

    <section id="preview-phone" style="width:390px;height: 658px;margin:0px auto;padding: 2px 0;border-radius: 28px;background-color: #333 !important;background-image:url(https://bdn.135editor.com/files/201901/iPhone.png);background-size: 100% 100%;">
        <p style="text-align:center;margin-top: 95px;font-size:16px;line-height: 2;"></p>
        <section id="preview-body" style="margin: 0px 45px;overflow-y:auto;overflow-x:hidden;height: 485px;width:320px;transform: scale(0.91);-webkit-transform-origin-x: left;    -webkit-transform-origin-y: top;">
            <section style="margin-bottom:10px;">
                <p style="margin-bottom: 5px;padding:0;font-size:18px;line-height: 2;">预览，这是文章标题</p>
                <p style="font-size:14px;color: #8c8c8c;"><a href="#" style="color: #607fa6;text-decoration: none;">站点栏目名称</a> 2020-04-08 &nbsp; </p>
            </section>
            <section id="preview" style="background: #FFF;">

            </section>
        </section>
    </section>

</body>
<script>
    document.getElementById('preview').innerHTML = editor.getContent();
    uParse('#preview', {
        rootPath: '../../',
        chartContainerHeight: 500
    })
    dialog.oncancel = function() {
        document.getElementById('preview').innerHTML = '';
    }
</script>

</html>